내 링크가 흰색으로 유지되도록 노력하고 있지만 마우스가 회색으로 바뀌고 밑줄이 있지만 작동하지 않고 링크가 작동하지만 흰색으로 유지됩니다. 여기 내 CSS 코드가 있습니다. a : hover { 텍스트 장식 : 밑줄; 색깔 : # 666666 } a : visited { 텍스트 장식 : 없음; 색상 : #FFFFFF } 링크 { 텍스트 장식 : 없음; 색상 : #FFFFFF }
icedwater의 대답을 조금 명확히하기 위해 : hover, : link 등과 같은 의사 클래스는 모두 클래스와 동일한 특이성을 가지며 더 중요한 것은 서로 동일한 특이성을 가지고 있습니다. 나는 당신과 함께 있습니다, 개인적으로 : visited가 사용자가 제어하는 상태이기 때문에 중요하다고 암시한다면 좋을 것이라고 생각합니다. 그러나 그것은 그것을 더 복잡하게 만들 것입니다. 그렇습니다. 그룹을 재정렬하기 만하면됩니다. 실제로 필요한 순서는 현재 가지고있는 순서와 정반대입니다. | 에 대해 설정된 hover 속성은 정상 상태 (방문한 링크와 방문하지 않은 링크를 모두 포함 함을 의미)에 대해 정의되었지만 a : visited 및 a : link도 정의했습니다 (또한 : hover 이후에만 언급 됨) 선언), css 파서는 대신 이러한 정의의 속성에 더 높은 우선 순위를 부여합니다. 해결 방법 해결 방법 # 1 다음을 변경하여 더 구체적으로 만드십시오. a : hover { 텍스트 장식 : 밑줄; 색깔 : # 666666 } ...에 a : hover, a : visited : hover, a : link : hover { 텍스트 장식 : 밑줄; 색깔 : # 666666 } http://jsfiddle.net/Wz6aR/ 데모 해결 방법 # 2 우선 순위를 변경하려면 선언 순서를 다음과 같이 변경하십시오. a : visited { 텍스트 장식 : 없음; 색상 : #FFFFFF } 링크 { 텍스트 장식 : 없음; 색상 : #FFFFFF } a : hover { 텍스트 장식 : 밑줄; 색깔 : # 666666 } http://jsfiddle.net/9cGPv/ 데모 | 다음과 같이 링크 의사 클래스를 주문해야합니다. ㅏ {...} 링크 {...} a : 방문한 {...} a : focus {...} a : hover {...} a : 활성 {...} | CSS가 계단식이므로 마지막 규칙이 이전 규칙을 덮어 씁니다. 더 일반적인 a : link 정의를 위로 이동하면 제대로 작동합니다. 물론 이것은 작동하는 가장 최소한의 변화입니다. | Chrome devtools의 스타일을 검토하여 이러한 문제를 쉽게 추적 할 수 있습니다. 네가 했니? 걱정되는 요소를 마우스 오른쪽 버튼으로 클릭하고 "Inspect 요소". 스타일 탭이 열립니다. element.style 옆, 오른쪽에, 세 개의 아이콘이 표시됩니다. 가운데 하나는 점선 사각형입니다. 작은 화살. 그것을 클릭하면 창이 열립니다. : hover 상태를 설정합니다. 아래 스크린 샷을 참조하십시오. 이제 적용되는 규칙을 살펴보십시오. 당신은 : hover 규칙에 의해 설정되는 속성은 줄이 그어져 있습니다. 이것은 그들이 과장되고 있다는 것을. 또한 속성이 : link 규칙이 적용되는 규칙입니다. 왜 그런 겁니까? 때문에, 다른 포스터에서 지적했듯이이 규칙은 나중에 CSS에서 제공됩니다. 따라서 우선합니다. "hover css"에 대한 빠른 Google은 MDN의 관련 페이지를 제공했을 것입니다. 이는 항상 첫 번째 단락에 나와있는 훌륭한 리소스입니다. : hover CSS 의사 클래스는 사용자가 포인팅 장치로 요소를 지정할 때 일치하지만 반드시 활성화하지는 않습니다. 이 스타일은 후속 규칙에 나타나는 다른 링크 관련 의사 클래스, 즉 : link, : visited 및 : active에 의해 재정의 될 수 있습니다. 링크의 스타일을 적절하게 지정하려면 LVHA-order : : link — : visited — : hover — : active에 정의 된대로 : link 및 : visited 규칙 뒤에 : active 규칙 뒤에 : hover 규칙을 넣어야합니다. SO는 크라우드 소스 디버깅 포럼이 아닙니다. 직접 디버깅하는 방법을 배우십시오. | 너의 답 StackExchange.ifUsing ( "editor", function () { StackExchange.using ( "externalEditor", function () { StackExchange.using ( "snippets", function () { StackExchange.snippets.init (); }); }); }, "코드 스 니펫"); StackExchange.ready (function () { var channelOptions = { 태그 : "".split ( ""), id : "1" }; initTagRenderer ( "". split ( ""), "".split ( ""), channelOptions); StackExchange.using ( "externalEditor", function () { // 스 니펫이 활성화 된 경우 스 니펫 후에 편집기를 실행해야합니다. if (StackExchange.settings.snippets.snippetsEnabled) { StackExchange.using ( "snippets", function () { createEditor (); }); } else { createEditor (); } }); function createEditor () { StackExchange.prepareEditor ({ useStacksEditor : false, heartbeatType : '답변', autoActivateHeartbeat : false, convertImagesToLinks : true, noModals : true, showLowRepImageUploadWarning : true, scoreToPostImages : 10, bindNavPrevention : true, 접미사 : "", imageUploader : { brandingHtml : "Powered by \ u003ca href = \"https : //imgur.com/ \ "\ u003e \ u003csvg class = \"svg-icon \ "width = \"50 \ "height = \"18 \ "viewBox = \ "0 0 50 18 \"fill = \ "none \"xmlns = \ "http : //www.w3.org/2000/svg \"\ u003e \ u003cpath d = \ "M46.1709 9.17788C46.1709 8.26454 46.2665 7.94324 47.1084 7.58816C47.4091 7.46349 47.7169 7.36433 48.0099 7.26993C48.9099 6.97997 49.672 6.73443 49.672 5.93063C49.672 5.22043 48.9832 4.61182 48.1414 4.6931182C47.4335 4.61182 46.7256 4.52513.6307884.65959531 43.5251. 43.1481 6.59048V11.9512C43.1481 13.2535 43.6264 13.8962 44.6595 13.8962C45.6924 13.8962 46.1709 13.2535 46.1709 11.9512V9.17788Z \ "/ \ u003e \ u003cpath d = \"M32.492 10.1419C32.492 12.697954 34.104182 14.0484 37.0451 14.0484 41.5985 12.6954 41.598510.1419V6.59049C41.5985 5.28821 41.1394 4.66232 40.1061 4.66232C39.0732 4.66232 38.5948 5.28821 38.5948 6.59049V9.60062C38.5948 10.8521 38.2696 11.5455 37.0451 11.5455C35.8209 11.5455 35.495432 10.8521 35.4954 9.60062V6.59049C35.4662 4.66232 32.492 5.28821 32.492 6.59049V10.1419Z \ "/ \ u003e \ u003cpath fill-rule = \"evenodd \ "clip-rule = \"evenodd \ "d = \"M25.6622 17.6335C27.8049 17.6335 29.3739 16.9402 30.2537 15.6379C30 .8468 14.7755 30.9615 13.5579 30.9615 11.9512V6.59049C30.9615 5.28821 30.4833 4.66231 29.4502 4.66231C28.9913 4.66231 28.4555 4.94978 28.1109 5.50789C27.499 4.86533 26.7335 4.56087 25.7005 4.56027C23.1369 4.5602 9.56087C23.1369 4.56087 21.0134003 .5612 13.913 27.4607 13.4902 28.1109 12.6616C28.1109 12.7229 28.1161 12.7799 28.121 12.8346C28.1256 12.8854 28.1301 12.9342 28.1301 12.983C28.1301 14.4373 27.2502 15.2321 25.777 15.2321 23.5661 14.778723 15.2321 24.1352 14.2321 24.1352 93 22.8472 14.5218 22.5437 14.5218C21.7977 14.5218 21.2429 15.0123 21.2429 15.6887C21.2429 16.7375 22.9072 17.6335 25.6622 17.6335ZM24.1317 9.27932C24.1317 7.94324 24.9928 7.09766 26.1024 7.09766 21.593221194324 101024 7.09766C27.23119 .9737 11.5116 24.1317 10.6491 24.1317 9.27932Z \ "/ \ u003e \ u003cpath d = \"M16.8045 11.9512C16.8045 13.2535 17.2637 13.8962 18.2965 13.8962C19.3298 13.8962 19.8079 13.2535 19.8079 11.9586612V8.1294027 4.62866C 16. .1594 4.62866 14.279 4.98375 13.3609 5.88013C12.653 5.05154 11.6581 4.62866 10.3573 4.62866C9.34336 4.62866 8.57809 4.89931 7.9466 5.5079C7.58314 4.9328 7.10506 4.66232 6.51203 4.6620C5.47873 4.66232 5.00066 13.2120535.9512C5.006696 13.2120535. .54479 13.8962 8.0232 13.2535 8.0232 11.9512V8.90741C8.0232 7.58817 8.44431 6.91179 9.53458 6.91179C10.5104 6.91179 10.893 7.58817 10.893 8.94108V11.9512C10.893 13.2535 11.371 1 13.8962 12.4044 13.8962C13.4375 13.8962 13.9157 13.2535 13.9157 11.9512V8.90741C13.9157 7.58817 14.3365 6.91179 15.4269 6.91179C16.4027 6.91179 16.8045 7.58817 16.8045 8.94108V11.9512Z \ "/ 49 \ u003e \ u003cpath d = \"M3.31675 31675 5.28821 2.83866 4.66232 1.82471 4.66232C0.791758 4.66232 0.313354 5.28821 0.313354 6.59049V11.9512C0.313354 13.2535 0.791758 13.8962 1.82471 13.8962C2.85798 13.8962 3.31675 13.2535 3.31675 11.9512V6.59049Z \ "/ \ u003e \ u003cpath d = \"M1.87209 "/ \ u003e \ u003cpath C0.843612 0.400291 0 1.1159 0 1.98861C0 2.87869 0.822846 3.57676 1.87209 3.57676C2.90056 3.57676 3.7234 2.87869 3.7234 1.98861C3.7234 1.1159 2.90056 0.400291 1.87209 0.400291Z \ "fill = \"# 1BB76E \ "/ \ u003e \ u003c / svg \ u003e \ u003c / a \ u003e ", contentPolicyHtml : "\ u003ca href = \"https : //stackoverflow.com/help/licensing \ "\ u003ecc by-sa \ u003c / a \ u003e \ u003ca href = \"https://stackoverflow.com에 따라 라이선스가 부여 된 사용자 기여 / legal / content-policy \ "\ u003e (콘텐츠 정책) \ u003c / a \ u003e", allowUrls : true }, onDemand : true, 폐기 선택기 : ".discard-answer" , immediatelyShowMarkdownHelp : true, enableTables : true, enableSnippets : true }); } }); Stack Overflow에 대한 답변에 기여해 주셔서 감사합니다! 질문에 반드시 답해주십시오. 세부 사항을 제공하고 연구를 공유하십시오! 그러나 피하십시오… 도움, 설명을 요청하거나 다른 답변에 응답합니다. 의견에 따라 진술하기 참고 자료 또는 개인적인 경험으로 백업하십시오. 자세한 내용은 훌륭한 답변 작성에 대한 팁을 참조하십시오. 초안 저장 초안이 삭제되었습니다. 가입 또는 로그인 StackExchange.ready (function () { StackExchange.helpers.onClickDraftSave ( '# login-link'); }); Google을 사용하여 가입 Facebook을 사용하여 가입 이메일 및 비밀번호를 사용하여 가입 제출 게스트로 게시 이름 이메일 필수이지만 표시되지 않음 StackExchange.ready ( 함수 () { StackExchange.openid.initPostLogin ( '. new-post-login', 'https % 3a % 2f % 2fstackoverflow.com % 2fquestions % 2f17461291 % 2fcss-pseudo-class-hover-rule-is-not-being-applied % 23new- answer ','question_page '); } ); 게스트로 게시 이름 이메일 필수이지만 표시되지 않음 답변 게시 포기 "답변 게시"를 클릭하면 서비스 약관, 개인 정보 보호 정책 및 쿠키 정책에 동의하게됩니다. 찾고있는 답변이 아닙니까? css 태그가 붙은 다른 질문을 찾아 보거나 직접 질문하십시오.